import React from 'react'
import ReactDOM from 'react-dom/client'

const root = ReactDOM.createRoot(document.getElementById('root'))

const songs = [
  { id: 1, name: '痴心绝对' },
  { id: 2, name: '像我这样的人' },
  { id: 3, name: '南山南' },
]
const listLi = songs.map((item) => <li key={item.id}>{item.name}</li>)
const element = (
  <>
    <ul>{listLi}</ul>
    {/* <ul>
      {songs.map((item) => (
        <li key={item.id}>{item.name}</li>
      ))}
    </ul> */}
  </>
)
root.render(<>{element}</>)
